/* 自定义分页容器样式 */
.custom-pagination-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-top: 1px solid #e0e0e0;
    margin-top: 12px;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* 分页信息样式 */
.pagination-info {
    color: #595959;
    font-size: 14px;
    padding: 6px 0;
}

/* 自定义分页控件样式 */
.custom-pagination {
    & .ant-pagination-item {
        margin: 0 3px;
        border-radius: 6px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border: 1px solid #d9d9d9;
        transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

        &:hover {
            border-color: #1890ff;
            transform: translateY(-1px);
            box-shadow: 0 2px 4px rgba(24, 144, 255, 0.1);
        }

        &.ant-pagination-item-active {
            background-color: #1890ff;
            border-color: #1890ff;
            box-shadow: 0 2px 8px rgba(24, 144, 255, 0.2);

            & a {
                color: #fff;
                font-weight: 500;
            }

            &:hover {
                background-color: #40a9ff;
                border-color: #40a9ff;
                transform: translateY(0);
            }
        }
    }

    & .ant-pagination-prev,
    & .ant-pagination-next {
        margin: 0 3px;
        border-radius: 6px;
        width: 32px;
        height: 32px;
        border: 1px solid #d9d9d9;
        transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

        &:hover {
            border-color: #1890ff;
            transform: translateY(-1px);
            box-shadow: 0 2px 4px rgba(24, 144, 255, 0.1);

            & .ant-pagination-item-link {
                color: #1890ff;
            }
        }

        &:disabled {
            opacity: 0.6;
            cursor: not-allowed;

            &:hover {
                border-color: #d9d9d9;
                transform: none;
                box-shadow: none;

                & .ant-pagination-item-link {
                    color: rgba(0, 0, 0, 0.25);
                }
            }
        }
    }

    & .ant-pagination-jump-prev,
    & .ant-pagination-jump-next {
        &:hover {
            & .ant-pagination-item-link {
                color: #1890ff;
            }
        }
    }

    & .ant-pagination-options {
        margin-left: 16px;

        & .ant-select-selector {
            border-radius: 6px;
            border-color: #d9d9d9;
            transition: all 0.2s;

            &:hover {
                border-color: #1890ff;
            }
        }
    }
}

/* 表格行样式补充 */
.even-row {
    background-color: #fff;
}

.odd-row {
    background-color: #fafafa;
}

/* 操作按钮样式优化 */
.action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    border: none;
    cursor: pointer;
    background: transparent;
    text-decoration: none;
}

/* 编辑按钮 */
.edit-btn {
    color: #fa8c16;
    background-color: rgba(250, 140, 22, 0.05);

    &:hover {
        color: #fa8c16;
        background-color: rgba(250, 140, 22, 0.15);
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(250, 140, 22, 0.2);
    }

    &:active {
        transform: translateY(0);
        box-shadow: 0 1px 3px rgba(250, 140, 22, 0.2);
    }
}

/* 权限按钮 */
.permission-btn {
    color: #1890ff;
    background-color: rgba(24, 144, 255, 0.05);
    margin-left: 8px;

    &:hover {
        color: #1890ff;
        background-color: rgba(24, 144, 255, 0.15);
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(24, 144, 255, 0.2);
    }

    &:active {
        transform: translateY(0);
        box-shadow: 0 1px 3px rgba(24, 144, 255, 0.2);
    }
}

/* 删除按钮 */
.delete-btn {
    color: #ff4d4f;
    background-color: rgba(255, 77, 79, 0.05);
    margin-left: 8px;

    &:hover {
        color: #ff4d4f;
        background-color: rgba(255, 77, 79, 0.15);
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(255, 77, 79, 0.2);
    }

    &:active {
        transform: translateY(0);
        box-shadow: 0 1px 3px rgba(255, 77, 79, 0.2);
    }
}

/* 按钮图标与文字间距 */
.btn-icon {
    margin-right: 4px;
    font-size: 14px;
}
